// Styles
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'

// Vuetify
import {createVuetify} from 'vuetify'
import {ThemeDefinition} from "vuetify/dist/vuetify";

const myCustomLightTheme: ThemeDefinition = {
  variables: {},
  dark: false,
  colors: {
    background: '#FFFFFF',
    surface: '#FFFFFF',
    primary: "#1976D2",
    secondary: "#424242",
    accent: "#82B1FF",
    error: "#FF5252",
    info: "#2196F3",
    success: "#4CAF50",
    warning: "#FFC107"
  }
}

export default createVuetify({
    theme: {
      defaultTheme:"myCustomLightTheme",
      themes: {
        myCustomLightTheme
      }
    }
  }
)
